<template>
  <el-card class="box-card" style="height: 400px;width: 300px">
    <div class="clearfix">
      <span style="float: left">预约账号：{{ this.info.acc }}</span>
      <el-button style="float: right; padding: 3px 0" type="text">选择</el-button>
    </div>
    <el-divider></el-divider>
    <el-card style="width: 250px;border: none;box-shadow: none">
      <el-form label-width="80px">
        <el-form-item label="咨询类型">
          {{ info.topic.name }}
        </el-form-item>
        <el-form-item label="咨询主题">
          {{ info.zxzt }}
        </el-form-item>
        <el-form-item label="预约时间">
          {{ info.availTime.start }} - {{ info.availTime.end }}
        </el-form-item>
      </el-form>
    </el-card>
  </el-card>
</template>
<script>
export default {
  name: 'ShowStudentInfo',
  props: ['info'],
  data () {
    return {}
  }
}
</script>

<style scoped>
.box-card {
  width: 500px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}

.box-card {
  width: 480px;
}
</style>
